<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>  
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />


<link rel="stylesheet" type="text/css" href="<%=path%>/static/managecss/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="<%=path%>/static/managecss/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="<%=path%>/static/managecss/lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="<%=path%>/static/managecss/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="<%=path%>/static/managecss/h-ui.admin/css/style.css" />
<script type="text/javascript" src="<%=path%>/static/js/jquery-3.2.1.js"></script>
<title>单位列表</title>
<link rel="stylesheet" href="<%=path%>/static/managecss/lib/zTree/v3/css/zTreeStyle/zTreeStyle.css" type="text/css">

</head>
<body class="pos-r">

<div >
	<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 单位管理 <span class="c-gray en">&gt;</span> 单位列表 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
	<div class="page-container">
		<div class="cl pd-5 bg-1 bk-gray mt-20"> <span class="l"><a href="javascript:;" onclick="member_delete(this)" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a> 
		<a class="btn btn-primary radius"  href="javascript:;" onclick="member_show('添加单位','<%=path%>/manager/unit/unitAdd','10001','480','320')"><i class="Hui-iconfont">&#xe600;</i> 添加单位</a></span></div>
		<div class="mt-20">
			<table class="table table-border table-bordered table-hover table-bg table-sort">
				<thead>
					<tr class="text-c">
						<th width="25"><input type="checkbox" id="allCheck" name="allCheck" value=""></th>
						<th width="40">ID</th>
						<th width="640">单位名称</th>
						<th width="60">顺序</th> 
						<th width="60">更改顺序</th>
						<th width="60">状态</th>				
						<th width="100">操作</th>
	
					</tr>
				</thead>
				<tbody>
						<c:set value="${fn:length(requestScope.unites ) }" var="sort"></c:set>
				    <c:forEach items="${requestScope.unites}" var="unit" varStatus="stat">
					<tr class="text-c va-m" >
						<td><input name="sonBox" type="checkbox" value="${unit.id }"></td>
						<td>${stat.count }</td>
						<td>${unit.name }</td>				
						<td id="sortCount" count="${unit.id }">${unit.sortCount }</td>
						<td>
						<c:if test="${stat.count>1 }">
								<a id="upSort" href="javascript:void(0);"><i class="Hui-iconfont">&#xe699;</i></a>
						</c:if>
						<c:if test="${stat.count>1 && stat.count<sort }">
								&ensp;
						</c:if>					
						<c:if test="${stat.count<sort }">
								<a id="downSort" href="javascript:void(0);"><i class="Hui-iconfont">&#xe698;</i></a>
						</c:if>
						</td>
						<td class="td-status">
						<c:if test="${unit.enable}" var="enable" ><span class="label label-success radius">已启用</span></c:if>
						<c:if test="${not enable}"><span id="condition" class="label label-danger radius">已禁用</span></c:if>
						</td>
						<td class="td-manage"> 
						 <c:if test="${unit.enable }"><a style="text-decoration:none" class="ml-5" onClick="deleteOne(this,${unit.id})" href="javascript:;" title="删除"><i class="Hui-iconfont">&#xe6de;</i></a></c:if>
						 <c:if test="${not unit.enable }"><a style="text-decoration:none" class="ml-5" onClick="recallOne(this,${unit.id})" href="javascript:;" title="恢复"><i class="Hui-iconfont">&#xe6dc;</i></a></c:if>
						 <a style="text-decoration:none" class="ml-5" onClick="member_show('修改单位','<%=path%>/manager/unit/unitAdd?str=${unit.name }&id=${unit.id }','10001','480','320')" href="javascript:;" title="编辑"><i class="Hui-iconfont">&#xe6df;</i></a>
						 </td>
					</tr>
					</c:forEach>
					
				</tbody>
			</table>
		
		</div>
	</div>
</div>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="<%=path%>/static/managecss/lib/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="<%=path%>/static/managecss/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="<%=path%>/static/managecss/h-ui/js/H-ui.min.js"></script> 
<script type="text/javascript" src="<%=path%>/static/managecss/h-ui.admin/js/H-ui.admin.js"></script>
<!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="<%=path%>/static/managecss/lib/My97DatePicker/4.8/WdatePicker.js"></script> 
<script type="text/javascript" src="<%=path%>/static/managecss/lib/datatables/1.10.0/jquery.dataTables.min.js"></script> 
<script type="text/javascript" src="<%=path%>/static/managecss/lib/laypage/1.2/laypage.js"></script>


<script type="text/javascript">

$(function(){
	//改变顺序
	$("a[id=upSort]").click(function() {
		var Tcount = $(this).parent().prev().html();
		var Tid = $(this).parent().prev().attr("count");
		 var count = $(this).parent().parent().prev().find("#sortCount").html();
		 var id = $(this).parent().parent().prev().find("#sortCount").attr("count");
			$.ajax({
				type:'post',
				url:'<%=path%>/manager/unit/changeSortCount',
				data:{Tid:Tid,Tcount:Tcount,id:id,count:count},
				success:function(mes){
						location.href = location.href; 
				}
			})
	})
	
	$("a[id=downSort]").click(function() {
		var Tcount = $(this).parent().prev().html();
		var Tid = $(this).parent().prev().attr("count");
		 var count = $(this).parent().parent().next().find("#sortCount").html();
		 var id = $(this).parent().parent().next().find("#sortCount").attr("count");
			$.ajax({
				type:'post',
				url:'<%=path%>/manager/unit/changeSortCount',
				data:{Tid:Tid,Tcount:Tcount,id:id,count:count},
				success:function(mes){
						location.href = location.href; 
				}
			})
	})
	
	
	$('.table-sort').dataTable({
		"aaSorting": [[ 3, "desc" ]],//默认第几个排序
		"bStateSave": true,//状态保存
		"aoColumnDefs": [
		  //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
		  {"orderable":false,"aTargets":[0, 4]}// 制定列不参与排序
		]
	});
	
});

function deleteOne(obj,id){


	 layer.confirm('确认要删除吗？',function(index){
		$.ajax({
			type: 'POST',
			url: '<%=path%>/manager/unit/deleteOne',			
			data:{id:id},
			success: function(data){
				location.href = location.href;
				layer.msg('已删除!',{icon:1,time:1000});
			},
			error:function(data) {
			
			},
		});		
	}); 
}
function recallOne(obj,id){

	
	 layer.confirm('确认要恢复吗？',function(index){
		$.ajax({
			type: 'POST',
			url: '<%=path%>/manager/unit/recallOne',			
			data:{id:id},
			success: function(data){
				location.href = location.href;
				layer.msg('已恢复!',{icon:1,time:1000});
				
			},
			error:function(data) {

			},
		});		
	}); 
}

$(function() {
	 $("#allCheck").click(function() {
		  
		  if($("#allCheck").prop("checked")){
					$("input[type=checkbox]").prop("checked",true);
			}else{
					$("input[type=checkbox]").prop("checked",false);
			}
	});
});



//多选删除
function member_delete(obj){
	var ids="";
	$("input[name=sonBox]:checked").each(function(){
      ids = ids + $(this).val()+",";
 });

	if(ids!=""){
		 layer.confirm('确认要删除吗？',function(index){
			$.ajax({
				type: 'POST',
				url: '<%=path%>/manager/unit/delete',			
				data:{ids:ids},
				success: function(data){
					$(obj).parents("tr").remove();
					layer.msg('已删除!',{icon:1,time:1000});
					location.href = location.href;
				},
				error:function(data) {
					console.log(data.msg);
				},
			});		
		}); 
}else{
	alert("请先选择")
}
}	



$(function() {
	 $("#allCheck").click(function() {
		  
		  if($("#allCheck").prop("checked")){
					$("input[type=checkbox]").prop("checked",true);
			}else{
					$("input[type=checkbox]").prop("checked",false);
			}
	});
});
$(function() {
	 $("#showpass").click(function() {
		 $("tr[condition=1]").show()
		 $("tr[condition=2]").hide();
		  $("tr[condition=3]").hide();
	 });
		  		  
});
$(function() {
	 $("#showunpass").click(function() {
		 $("tr[condition=1]").hide();
		 $("tr[condition=2]").show();
		  $("tr[condition=3]").hide();
	 });
		  		  
});
$(function() {
	 $("#showuncheck").click(function() {
		 $("tr[condition=1]").hide();
		 $("tr[condition=2]").hide();
		  $("tr[condition=3]").show();
	 });
		  		  
});
$(function() {
	 $("#showall").click(function() {
		 $("tr[condition=1]").show();
		 $("tr[condition=2]").show();
		  $("tr[condition=3]").show();
		
	 });
		  		  
});



var setting = {
	view: {
		dblClickExpand: false,
		showLine: false,
		selectedMulti: false
	},
	data: {
		simpleData: {
			enable:true,
			idKey: "id",
			pIdKey: "pId",
			rootPId: ""
		}
	},
	callback: {
		beforeClick: function(treeId, treeNode) {
			var zTree = $.fn.zTree.getZTreeObj("tree");
			if (treeNode.isParent) {
				zTree.expandNode(treeNode);
				return false;
			} else {
				//demoIframe.attr("src",treeNode.file + ".html");
				return true;
			}
		}
	}
};

/*var zNodes =[
	{ id:1, pId:0, name:"一级分类", open:true},
	{ id:11, pId:1, name:"二级分类"},
	{ id:111, pId:11, name:"三级分类"},
	{ id:112, pId:11, name:"三级分类"},
	{ id:113, pId:11, name:"三级分类"},
	{ id:114, pId:11, name:"三级分类"},
	{ id:115, pId:11, name:"三级分类"},
	{ id:12, pId:1, name:"二级分类 1-2"},
	{ id:121, pId:12, name:"三级分类 1-2-1"},
	{ id:122, pId:12, name:"三级分类 1-2-2"},
];*/
		
		
		


/* $('.table-sort').dataTable({
	"aaSorting": [[ 1, "desc" ]],//默认第几个排序
	"bStateSave": true,//状态保存
	"aoColumnDefs": [
	  {"orderable":false,"aTargets":[0,7]}// 制定列不参与排序
	]
}); */
/*产品-添加*/
function product_add(title,url){
	var index = layer.open({
		type: 2,
		title: title,
		content: url
	});
	layer.full(index);
}
/*产品-查看*/
function rubbish_show(title,url,id){
	var index = layer.open({
		type: 2,
		title: title,
		content: url,
		end:function(){
			location.href = location.href;
		}
	});
	layer.full(index);
}
/*产品-审核*/
function product_shenhe(obj,id){
	layer.confirm('审核文章？', {
		btn: ['通过','不通过'], 
		shade: false
	},
	function(){
		$(obj).parents("tr").find(".td-manage").prepend('<a class="c-primary" onClick="product_start(this,id)" href="javascript:;" title="申请上线">申请上线</a>');
		$(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已发布</span>');
		$(obj).remove();
		layer.msg('已发布', {icon:6,time:1000});
	},
	function(){
		$(obj).parents("tr").find(".td-manage").prepend('<a class="c-primary" onClick="product_shenqing(this,id)" href="javascript:;" title="申请上线">申请上线</a>');
		$(obj).parents("tr").find(".td-status").html('<span class="label label-danger radius">未通过</span>');
		$(obj).remove();
    	layer.msg('未通过', {icon:5,time:1000});
	});	
}
/*产品-下架*/
function product_stop(obj,id){
	layer.confirm('确认要下架吗？',function(index){
		$(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="product_start(this,id)" href="javascript:;" title="发布"><i class="Hui-iconfont">&#xe603;</i></a>');
		$(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">已下架</span>');
		$(obj).remove();
		layer.msg('已下架!',{icon: 5,time:1000});
	});
}

/*产品-发布*/
function product_start(obj,id){
	layer.confirm('确认要发布吗？',function(index){
		$(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="product_stop(this,id)" href="javascript:;" title="下架"><i class="Hui-iconfont">&#xe6de;</i></a>');
		$(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已发布</span>');
		$(obj).remove();
		layer.msg('已发布!',{icon: 6,time:1000});
	});
}

/*产品-申请上线*/
function product_shenqing(obj,id){
	$(obj).parents("tr").find(".td-status").html('<span class="label label-default radius">待审核</span>');
	$(obj).parents("tr").find(".td-manage").html("");
	layer.msg('已提交申请，耐心等待审核!', {icon: 1,time:2000});
}

/*产品-编辑*/
function product_edit(title,url,id){
	var index = layer.open({
		type: 2,
		title: title,
		content: url
	});
	layer.full(index);
}

/*产品-删除*/
function product_del(obj,id){
	layer.confirm('确认要删除吗？',function(index){
		$.ajax({
			type: 'POST',
			url: '',
			dataType: 'json',
			success: function(data){
				$(obj).parents("tr").remove();
				layer.msg('已删除!',{icon:1,time:1000});
			},
			error:function(data) {
				console.log(data.msg);
			},
		});		
	});
}

function changeUnit(str) {
	location.href = location.href;
}

/*用户-查看*/
function member_show(title,url,id,w,h){
 layer_show(title,url,w,h); 
/* 	var index = layer.open({
		type: 2,
		title: title,
		area: [w, h],
		content: url,
		end:function(){
			location.href = location.href;
		}
	});
	/* layer.full(index); */ 
}
</script>
</body>
</html>